import React from 'react'
import '../../styles/myfriends/addfriends.css'
import '../../styles/font-musician/iconfont.css'


class Addfriends extends React.Component {
    constructor() {
        super()
    }

    render() {
        return (
            <div>
                <div className='add-friend-wrap'>
                    <ul className='add-friend-list clearfix'>
                        <li className='add-list-ch'>
                            <div className='add-icon-box bule'>
                                <span className="iconfont">&#xe618;</span>
                            </div>
                            <p>认识的人</p>
                        </li>
                        <li className='add-list-ch'>
                            <div className='add-icon-box red'>
                                <span className="iconfont">&#xe6a0;</span>
                            </div>
                            <p>明星用户</p>
                        </li>
                        <li className='add-list-ch'>
                            <div className='add-icon-box red'>
                                <span className="iconfont">&#xe657;</span>
                            </div>
                            <p>音乐人</p>
                        </li>
                        <li className='add-list-ch'>
                            <div className='add-icon-box orange'>
                                <span className="iconfont">&#xe60d;</span>
                            </div>
                            <p>音乐达人</p>
                        </li>
                    </ul>
                </div>
            </div>
        )
    }
}

export default Addfriends